import styled from "styled-components";

export const GoodsDetailTopWrapper = styled.div`
  .goods-detail-top-info {
    display: flex;
    justify-content: space-between;
    background-color: white;
    padding: 30px;
    box-sizing: border-box;
    min-height: 360px;
    .top-info-left {
      width: 300px;
      border: 1px solid #f0f0f0;
      box-sizing: border-box;
      padding: 8px;
      .Carousel {
      }
      .ant-carousel .slick-dots li {
        background-color: white;
      }
      .slick-active {
        button {
          background-color: rgb(252, 5, 49) !important;
        }
      }
    }

    .top-info-right {
      width: 600px;

      .itemInfo-wrap {
        .name {
          font-size: 18px;
          color: #595959;
          font-weight: 550;
        }
        .tags {
          font-size: 13px;
          color: rgb(252, 5, 49);
          margin: 6px 0;
        }
        .other-info {
          padding: 10px;
          div {
            display: flex;
            align-items: center;
            font-size: 12px;
            .wuliu{
               
            }
            span:nth-child(1) {
              color: #8c8c8c;
              margin-right: 14px;
              letter-spacing: 6px;
            }
          }
        }
        .price {
          min-height: 100px;
          background-color: rgb(243, 243, 243);
          padding: 10px;
          box-sizing: border-box;
          div {
            display: flex;
            align-items: center;
            font-size: 12px;
            span:nth-child(1) {
              color: #8c8c8c;
              margin-right: 14px;
              letter-spacing: 6px;
            }
          }
          .original-price {
            text-decoration: line-through;
            color: #595959;
          }
          .current-price {
            font-size: 23.5px;
            color: rgb(252, 5, 49);
          }
          .chuxiao {
            color: #fa541c;
          }
        }

        .buy {
          margin: 30px 0;
          .addShoping {
            margin: 0 20px;
          }
        }
      }
    }
  }
`;
